import React, { Component } from 'react';
import {render} from 'react-dom';
import { Tabs } from 'react-bootstrap';
import { Tab } from 'react-bootstrap';
import {TabContent} from 'react-bootstrap';
import {Button} from 'react-bootstrap';
import {ButtonToolbar} from 'react-bootstrap';
import Close from 'material-ui-icons/Close';

class BrowserTab extends Component {
    render(){
        let webviewStyle = {

            height:650
        };
        let closeTab = (<Close />);
        return(
            <Tabs defaultActiveKey={2} id="uncontrolled-tab-example">

                <Tab eventKey={1} title="Tab 1">
                    <TabContent>
                    <iframe src="http://www.runoob.com"></iframe>
                    {/* <webview id="web1" src="https://www.hao123.com/" style={webviewStyle}></webview> */}
                    </TabContent>
                </Tab>


                <Tab eventKey={2} title="Tab 2">
                    <iframe src="http://www.runoob.com"></iframe>
                    {/* <webview id="web2" src="https://www.baidu.com/" style={webviewStyle}></webview> */}
                </Tab>
                <Tab eventKey={3} title="Tab 3">
                    <iframe src="http://www.runoob.com"></iframe>
                    {/*<webview id="web2" src="https://www.w3cschool.cn/electronmanual/p9al1qkx.html" style={webviewStyle}></webview> */}
                </Tab>
          </Tabs>
        );
    }
}

export default BrowserTab;